<template>
	<view>
		<view class="list_coupon">
			<view class="coupon_img">
				<text class="coupon_icon">¥</text>
				<text class="coupon_icon coupon_money">320</text>
				<text class="coupon_icon coupon_activity">满800减</text>
			</view>
			<view class="coupon_text">
				<text class="coupon_title">新人福利券</text>
				<text class="coupon_notes">有效时间：2021.02.12～2021.06.12</text>
			</view>
		</view>
		<view class="list_coupon">
			<view class="coupon_img">
				<text class="coupon_icon">¥</text>
				<text class="coupon_icon coupon_money">320</text>
				<text class="coupon_icon coupon_activity">满800减</text>
			</view>
			<view class="coupon_text">
				<text class="coupon_title">新人福利券</text>
				<image class="sign" src="../../../static/me/Used.png" mode=""></image>
				<text class="coupon_notes">有效时间：2021.02.12～2021.06.12</text>
			</view>
		</view>
		<view class="list_coupon">
			<view class="coupon_img">
				<text class="coupon_icon">¥</text>
				<text class="coupon_icon coupon_money">320</text>
				<text class="coupon_icon coupon_activity">满800减</text>
			</view>
			<view class="coupon_text">
				<text class="coupon_title">新人福利券</text>
				<image class="sign" src="../../../static/me/Expired.png" mode=""></image>
				<text class="coupon_notes">有效时间：2021.02.12～2021.06.12</text>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	page {
		background: #F5F5F5;
	}

	.list_coupon {
		width: 699rpx;
		height: 173rpx;
		margin: auto;
		margin-top: 25rpx;
	}

	.coupon_img {
		width: 174rpx;
		height: 173rpx;
		background-image: url('../../../static/me/conpons.png');
		background-size: 100%;
		float: left;
	}

	.coupon_text {
		width: 523rpx;
		height: 173rpx;
		background: #FFFFFF;
		float: left;
	}

	.coupon_title {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		padding: 39rpx 0 0 34rpx;
		display: block;
		float: left;
	}

	.coupon_notes {
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 0.65;
		padding: 25rpx 0 0 34rpx;
		display: inline-block;
	}

	.coupon_icon {
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 600;
		color: #FCDA22;
		opacity: 1;
		margin-left: 41rpx;
		margin-top: 41rpx;
		display: inline-block;
	}

	.coupon_money {
		font-size: 43rpx;
		margin-left: 1rpx;
	}

	.coupon_activity {
		text-align: center;
		display: block;
		margin-top: 0rpx;
		margin-left: 0rpx;
	}

	.sign {
		width: 131rpx;
		height: 102rpx;
		float: right;
	}
</style>
